<!DOCTYPE html>
<html>
<head>
<title>Blogger Comment Editor ~ DH-F</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<link href='http://www.dhf.web.id/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link rel="stylesheet" href="/svn/trunk/styles.css" media="screen" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!-- script type="text/javascript" src="/svn/trunk/jquery-1.7.1.min.js"></script -->
<script type="text/javascript" src="/svn/trunk/script.js"></script>
</head>
<body spellcheck="false">
<div id="editor">
	<ul id="editor-mode">
     <li style="display:none;"><form action="#" class="anc" id="balas"><input type="text" id="userID" placeholder="Sisipkan userID"/><span class="tooltip" title="Dismiss">Jangan lupa untuk menyisipkan userID jika Anda merancang komentar yang akan Anda gunakan sebagai balasan dari komentar seseorang di blog.<br>Misal: <strong>@&lt;a href=&quot;#c2233&quot&gt;Nama&lt;/a&gt;</strong></span></form></li>
		<li><a id="render" href="#main">Konversi Tampilan</a></li>
	</ul>
	<h2 style="position:absolute;top:12px;right:15px;font-weight:normal;color:#999;">EDITOR KOMENTAR VIRTUAL</h2>
</div>
<div id="comments" class="comments">
	<div class="cm_wrap" id="main">
		<div class="cm_head">
			<div class="cm_avatar">
				<div class="avatar-image-container vcard">
					<div class="img"></div>
				</div>
			</div>
			<div class="cm_reply">
           <a style="display:none;" class="answer-this-comment" href="#" target="_blank">Balas</a>
				<a id="comment-delete" href="#" title="Reset Komentar">Bersihkan</a>
			</div>
		</div>

		<div class="cm_entry">
			<div class="cm_info">
				<div class="cm_name">
          <a href="http://www.dhf.web.id" rel="nofollow" target="_blank">Contoh Nama Komentator</a>
				</div>
				<div class="cm_date">
				Minggu, 06 Mei 2012 04:57:00 WIB <a href="#c1234567" title="comment permalink">Permalink</a>
				</div>
				<div class="clear"></div>
			</div>
			<div title="Edit" id="textPreview" class="komentar-spam toggle" contenteditable="true">Alat ini dibuat bukan sebagai konverter standar komentar <b>Blogger</b>, namun hanya sebagai media pembiasaan menulis kode pada peraturan manipulasi yang Saya buat sendiri di blog Saya <a class="anchor" href="http://www.dhf.web.id">[Link]</a><br><br>Hanya sebagai tempat bermain-main/pemanasan sebelum menulis komentar (sebagai sarana peningkatan rasa percaya diri untuk memulai diskusi/menjawab pertanyaan)<br>Kemungkinan kesalahan konversi masih ada, jadi tetaplah pertahankan metode menulis secara manual, meskipun di sisi lain alat ini sebenarnya juga bisa digunakan untuk pembantu.<br>Sampel kode <code>&lt;dharla title="pecandu" onblur="pereman" onfocus="super jahat"&gt;</code><br><br><pre>function preet() {
    var torokossic = confirm("Apakah Anda penjahat?");
    if(torokossic) {
        alert("PREMAN!");
    } else {
        window.open("","","top=0,left=0,status=duda keren aduhay");
    }
}</pre><br/><br/><cite class="note"><b>Catatan:</b> Bahwasanya ketika Anda sedang dilanda kesulitan, maka walau bagaimanapun juga seekor siput akan sampai pada tempat tujuan tanpa harus meninggalkan/melepaskan rumahnya - <i>10 Mei 2012</i></cite><br/><br/><img class="incomment" src="http://lh5.googleusercontent.com/-FIrZQmVVxkw/AAAAAAAAAAI/AAAAAAAAA6o/fqxR2nZHxPM/s45-c/photo.jpg"><br/><br/><blockquote>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</blockquote></div>
			<textarea spellcheck="false" id="htmlsource" contenteditable="true" class="toggle hidden"></textarea>
		</div>
	</div>

</div>

<ul id="edit">
    <li><a href="#" class="icon link">&lt;a&gt;</a></li>
    <li><a href="#" class="icon image">&lt;img&gt;</a></li>
    <li><a href="#" class="icon code">&lt;code&gt;</a></li>
    <li><a href="#" class="icon pre">&lt;pre&gt;</a></li>
    <li><a href="#" class="icon blockquote">&lt;blockquote&gt;</a></li>
    <li><a href="#" class="icon note">[note]</a></li>
</ul>

</body>
</html>
